@CHARSET "UTF-8";
body, ul, li, h2, p {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
}

#loading {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

#gantt {
	width: 100%;
	height: 100%;
	display: none;
}

#gantt div.left {
	width: 100%;
	height: 50%;
	background: #eee;
}

#gantt div.right {
	height: 50%; 
	background: #fff;
	width: 100%;
}

.left thead {	
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.left th {
	background: #ddd;
	text-align: center;
} 


.left tr {
	height: 20px;
	border-bottom: 1px solid #666;
}

tr.sample {
	display: none;
}

td.id input, td.pid input, td.cost input {
	width:20px;
}

#gantt .right ul {
	padding-top: 20px;
	z-index: 1;
	position: relative;
}

#gantt .right .bg {
	position: absolute;
}

#gantt .right .bg div {
	float: left;
	text-align: center;
	border-right: 1px solid #333;
}

#gantt .right .bg div.d1 {
	background: #eff;
}

#gantt .right .bg div.dy0 {
	background: #fee;
}

#gantt .right .bg div.dy6 {
	background: #fee;
}

#gantt .right ul li div {
	height: 14px;
}

#ui-datepicker-div {}